﻿/* 整站通用 */
/* 初始化/reset */
@charset "utf-8";
*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}

body {position:relative;overflow-x:hidden;background:#fff;line-height:1.5;box-sizing:border-box;    font: 15px/22px ;color:#181415;font-family:'NOTOSANSHANS-LIGHT',Microsoft Yahei,"微软雅黑",Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0.05em;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td
{
    border: 0;
    color:#4d4e53;
    font-family:'NOTOSANSHANS-LIGHT',Microsoft Yahei,"微软雅黑",Arial,Helvetica,sans-serif;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;

    vertical-align: baseline;
}
@media screen and (max-width: 767px) {
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,
    acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,
    tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td {
        font-size:1rem;
        font-weight:400;
    }
    .fuwu_con [class*="col-"] {
        padding: 0 !important;
        margin: 0 !important;
    }

}
a{color:#000;text-decoration:none;}
a:hover{color:#018bba;text-decoration:none; outline:none}
h1,h2,h3,h4,h5,h6 {font-weight:700;line-height:normal;margin-bottom:8px;}
ol,ul,li{list-style:none;}
img{max-width:100%;border:0;}
i{margin-right:5px;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#e2e2e2;}
input[type="text"],select,textarea{border:1px solid #ddd;background:#fff;-webkit-appearance:none;outline:none;color:#464646;padding-left:3px;font-size:14px;font-family:Microsoft Yahei,"微软雅黑",Arial,Helvetica,sans-serif;}
textarea{resize:none;overflow-y:hidden;display:block;}
table{border-collapse:collapse;max-width:100%;width:100%;margin-bottom:0.8em;}
table td {border:1px solid #e2e2e2;padding:2px;}
.clearfix:after,.clearfix:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.hidden{display:none;}
.radius5{border-radius:3px;-webkit-border-radius:5px;}
.nomargin{margin:0;}
.nopadding{padding:0;}
.h4{font-size: 16px;
    font-weight: bold;
    line-height: 20px;}
.top10 { margin-top:10px;}
.tips{font-size: 12px; color: #777;}
.tips_error{color:#ff7979;line-height: 25px;}
/* 功能函数 */

.fl{float:left;_display:inline;}  /* 左浮动 */

.fr{float:right;_display:inline;}  /* 右浮动 */

.h{display:none;visibility:visible;}  /* 隐藏 */

.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;} /* 清除浮动 */

.right{text-align:right;}  /* 右对齐 */

.left{text-align:left;}  /* 左对齐 */

.b{font-weight:bold;}  /* 加粗 */

.line-through{text-decoration:line-through;}  /* 删除线 */

.under{text-decoration:underline;}  /* 下划线 */

.break{word-break:break-all;}  /* 打断英文字符 */

.dw{ width:1002px; margin:0 auto;}
.contrast {
    color: #fff;
}
/* 编辑器内容样式 凡是编辑器修改区域加上 */

.editor{line-height:24px;text-align:left;}

.editor p{text-indent:2em;}

.editor ol li{list-style-type:circle;margin-left:25px;}

.editor ul li{list-style-type:square;margin-left:25px;}

/* 页面宽度*/
.conbox{ width:1112px; margin:0px auto;}
.conboxindex{ width:1644px; margin:0px auto;}



@media (min-width: 450px) {
  .conboxindex{ width:100%; margin:0px auto;}
}
@media (min-width: 768px) {
  .conboxindex{ width:1200px; margin:0px auto;}
}
@media (min-width: 992px) {
  .conboxindex{ width:1440px; margin:0px auto;}
}
@media (min-width: 1200px) {
  .conboxindex{ width:1664px; margin:0px auto;}
}

.w60{width:60px;}
.w80{width:80px;}
.w120{ width:120px;}


.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.pt2em{padding-top: 2em ;padding-bottom: 2em ;}
.pt1em{padding-top: 1em ;padding-bottom: 1em ;}
.pt5em{padding-top: 0.5em ;padding-bottom:0.5em ;}
/* header　头部样式 */

.header{ width:100%; height:137px; }


.header .logo{width:40%; margin-top:21px;}

.header .logo img{height:44px;}
.header .nav{width:60%;}
.topbar.fixed {
    margin: 0px;
    /*position: fixed;
    top: 0px;*/
    z-index: 999;left:0px;right:0px;margin-left:auto;margin-right:auto;background:#000;
    -webkit-box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
    -moz-box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
    box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);

}
*html .topbar {
    position: absolute;
    top:expression(documentElement.scrollTop + 0 + "px");
    -webkit-box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
    -moz-box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
    box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
}
.bar{border-bottom:3px solid #008cdb; }



/*             flexslider     new  css---------------------------------start            */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; }



/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; max-height:360px; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 5px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0; }
.flex-direction-nav a  { line-height: 1; display: block; width: 63px; height: 157px; margin: -60px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity:0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;text-indent: -999em ;}
.flex-direction-nav .flex-prev { left: 30px; background: url(../images/index/ban_left.png) center no-repeat; }
.flex-direction-nav .flex-next { right: 30px; background: url(../images/index/ban_right.png) center no-repeat; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 30px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 30px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;z-index: 99;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {display: block; width:60px;height:5px;background:#d2d2d2;line-height:50px;cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover {background: #FFF; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;display: none;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;display: none;}
  .flex-control-paging li a{ width:10px;}
}
/*             flexslider     new  css---------------------------------start            */



 .com_box { margin-top:10px; z-index:9;}
 .com_box .com_logo{ text-align: center;background-color: #FFF;padding-top:10px;padding-bottom:10px;}
 .com_box .com_logo img{ width: 80px; height:80px; border:1px solid #c0c0c0;border-radius:10%;-webkit-border-radius:10%;-moz-border-radius:10%;}
 .com_box h1{  font-size:18px;}
 .com_box h1,.com_box p{text-align:center;}


 .nav{ margin:1em 0;}
 .nav div  {text-align:center;}
 .nav div.nav_menu{ width:20%; float:left;}
 .nav div.nav_menu img{ width:75%;}
 
 .nav div a span{ display:block;text-align:center; font-size:16px; font-weight:bold; margin:.5rem 0;}
 
.box { width:100%; padding:5px 0 0 0; background-color:#FFF; overflow:hidden}
.box dl { width:100%; overflow:hidden}
.box dl dt { padding:5px 10px; line-height:30px; overflow:hidden}
.box dl dt em { float:left; display:block; width:25px; height:25px; margin-top:8px; background-color:#017acf;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.box dl dt strong { margin-left:7px; font-weight:normal; line-height:30px; font-size:16px; color:#333;}
.box dl dt a.add { display:block; float:right; height:30px; line-height:30px; padding:0 15px; border:solid 1px #090; font-size:16px; color:#090; border-radius:2px;}
.box dl dt span { float:right; font-size:12px; color:#666}
.box dl dd { box-sizing:border-box; overflow:hidden}
.box dl dd p { padding:10px 10px; line-height:30px; font-size:16px; color:#333;}
.box .btn_more { width:100%; text-align:center; display:block; padding:15px 0; border-top:solid 1px #eee; background-color:#FFF; color:#090; font:20px;}

 
.box { width:100%; padding:5px 0 0 0; background-color:#FFF; overflow:hidden}
.box dl { width:100%; overflow:hidden}
.box dl dt { padding:5px 10px; line-height:30px; overflow:hidden}
.box dl dt em { float:left; display:block; width:25px; height:25px; margin-top:8px; background-color:#017acf;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.box dl dt strong { margin-left:7px; font-weight:normal; line-height:30px; font-size:16px; color:#333;}
.box dl dt a.add { display:block; float:right; height:30px; line-height:30px; padding:0 15px; border:solid 1px #090; font-size:16px; color:#090; border-radius:2px;}
.box dl dt span { float:right; font-size:12px; color:#666}
.box dl dd { box-sizing:border-box; overflow:hidden}
.box dl dd p { padding:10px 10px; line-height:30px; font-size:16px; color:#333;}
.box .btn_more { width:100%; text-align:center; display:block; padding:15px 0; border-top:solid 1px #eee; background-color:#FFF; color:#090; font:20px;}
/*首页产品列表开始*/
.product { width:100%; margin-top:10px; background-color:#FFF; overflow:hidden}
.pro_list { padding:0px 5px; overflow:hidden}
.pro_list li { float:left; box-sizing:border-box; width:33.3%; padding:5px 5px 10px; overflow:hidden}
.pro_list li .pic { width:100%; overflow:hidden}
.pro_list li .pic img { width:100%;}
.pro_list li .title { font-size:15px; line-height:22px; height:22px; color:#333; overflow:hidden}
.pro_list li .info { font-size:12px; line-height:20px; color:#999;}
.pro_list li span { color:#F30}

/*联系我们*/
.contact_list { width:100%; background-color:#FFF; overflow:hidden}
.contact_list ul { width:100%; overflow:hidden}
.contact_list ul li { padding:15px 10px; line-height:25px; border-bottom:solid 1px #eee; overflow:hidden}
.contact_list ul li span { color:#666}
.pro_list img{border-radius:5%;-webkit-border-radius:5%;-moz-border-radius:5%;}
.pro_list li {  padding:5px ; }



.quanzi_list { width:100%; overflow:hidden}
.quanzi_list ul {width:100%; overflow:hidden}
.quanzi_list ul li { padding:15px 10px; margin-bottom: 0px; border-bottom:solid 3px #e1e1e1; background-color:#FFF; overflow:hidden}
.quanzi_list ul li .top { width:100%; line-height:30px; overflow:hidden}
.quanzi_list ul li .top_left { float:left; width:50px; overflow:hidden}
.quanzi_list ul li .top em { float:left; display:block; width:45px;  }
.quanzi_list ul li .top em img {width:45px; height:45px; border:none; box-sizing:border-box}
.quanzi_list ul li .top span { float:left; margin-left:5px; font-size:14px; color:#666;}

.quanzi_list ul li .top_right { float:left; padding-left:10px; overflow:hidden}
.quanzi_list ul li .top_right p { width: 100%;line-height:20px; font-size:14px; color:#5b6a92;}
.quanzi_list ul li .top_right span { margin-left:0; margin-right:10px; display:block; padding:0px 5px; background-color:#90cf95; color:#FFF; font-size:12px; border-radius:2px;}
.quanzi_list ul li .top_right span.num2 { background-color: #ffa800}
.quanzi_list ul li .top_right span.num3 { background-color: #43b2f2}
.quanzi_list ul li .top_right em { background:url(../image/tel.png) 0 0 no-repeat; background-size:contain;}
.quanzi_list ul li .remark { line-height:18px; font-size:15px; color:#333; padding:5px 0 5px 0px;}
.quanzi_list ul li .pic_list { box-sizing:border-box; overflow:hidden;margin-top:8px;}
.quanzi_list ul li .pic { float:left; width:25%; padding:0 2px; box-sizing:border-box; overflow:hidden}
.quanzi_list ul li .pic img { width:100%; border-radius:5px;}
.quanzi_list ul li .pinglun_bg { }
.quanzi_list ul li .pinglun { padding:10px 0; background-color:#f3f3f5; overflow:hidden}
.quanzi_list ul li .pinglun p { padding:0 10px; line-height:20px; font-size:14px; color:#333; overflow:hidden;}
.quanzi_list ul li .pinglun p.zan { color:#5b6a92; font-weight:bold; border-bottom:solid 1px #e2e2e5; padding-bottom:5px; margin-bottom:5px; }
.quanzi_list ul li .pinglun em { float:left; display:block; width:15px; height:15px; background:url(../image/zan.png) 0 0 no-repeat; background-size:contain; margin-right:10px;}
.quanzi_list ul li .pinglun strong { float:left; color:#5b6a92;}

.quanzi_list ul li.ad { padding:0; font-size:0; overflow:hidden}
.quanzi_list ul li.ad img { width:100%;}



